<!--
 * @Author: lijing
 * @e-mail: 1413979079@qq.com
 * @LastEditors: lijing
 * @Date: 2019-10-10 18:32:05
 * @LastEditTime: 2020-03-20 20:13:58
 * @FilePath: \blog-pages\src\views\error\Error500.vue
 * @Description: 500错误页面
 -->

<template>
  <div class="mh-100">
    <nav-bar></nav-bar>
    <b-container class="main">
      <b-img fluid src="/static/images/error/500.png"></b-img>
      <h3>服务器冒烟了！</h3>
      <h5>
        你所访问的功能尚在维护或者服务器出现未知错误，点击
        <b-link to="/">这里</b-link>返回首页
      </h5>
    </b-container>
  </div>
</template>
<script>
export default {
  name: "Error500",
  components: {
    NavBar: () => import("@/components/NavBar")
  }
};
</script>
<style scoped>
.main {
  text-align: center;
  padding: 0 20%;
}
</style>